//
//  SwiftUIView_Buttons.swift
//  SwiftUIPractice
//
//  Created by 今天下午开会 (external - Project) on 2024/9/12.
//

import SwiftUI

struct SwiftUIView_Buttons: View {
    
    @State var title = "初始标题"
    
    var body: some View {
        VStack(spacing: 20, content: {
            
            Text(title)
            
            Button("点击按钮") {
                title = "已经触发"
                print("控制台是可以实施打印出来的")
            }
            .tint(Color.red) //现在使用这种方式来改变按钮默认的蓝色
            
            
            Button(action: {
                title = "第二个按钮已经按下!!"
            }, label: {
                Text("第二个按钮").font(.headline).fontWeight(.semibold).foregroundStyle(.white)
                    .padding()
                    .padding(.horizontal, 20)
                    .background(
                        Color.blue.cornerRadius(10) //这个圆角函数已经弃用了,但是我不知道新的怎么写
                            .shadow(radius: 10)
                    )
            })
            
            
            //再做一个按钮
            Button(action: {
                title = "第三个按钮按下!"
            }, label: {
                
                Circle().fill(.white).frame(width: 75, height: 75).shadow(radius: 10)
                //.overlay(content: { })  // 这句代码好像和下面那句代码的功效是相同的
                    .overlay(
                        Image(systemName: "heart.fill").font(.largeTitle).foregroundStyle(.red)
                    )
            })
            
            
            
            Button(action: {
                title = "第四个"
            }, label: {
                Text("椭圆形按钮").font(.headline)
                    .bold()
                    .foregroundStyle(.red)
                    .padding()
                    .padding(.horizontal, 10)
                    .background(
                        Capsule().stroke(.green, lineWidth: 2.0)
                )
            })
            
        })
    }
}

#Preview {
    SwiftUIView_Buttons()
}
